<template>
  <div class="app-grid">
    <slot></slot>
  </div>
</template>
<script setup>
const props = defineProps({
  json: Array,
  gap: { type: Number, default: 8 },
  column: { type: Number, default: 2 },
})

const gridGap = props.gap + 'px'
</script>
<style lang="scss" scoped>
.app-grid {
  display: grid;
  grid-gap: v-bind(gridGap);
  grid-template-columns: repeat(v-bind(column), 1fr);
}
</style>
